<!doctype html>
<html lang="en">

<head>
	<base href="{{asset('statics/punchcard')}}/" />
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<!-- Bootstrap CSS -->
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

	<title>查看</title>
</head>

<body>
	<div class="container" id="app">
		<nav class="navbar navbar-light bg-light">
			<form class="form-inline">
				<input class="form-control" name="search" type="search" placeholder="昵称" value="{{$search ?? ''}}" aria-label="昵称">
				<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
			</form>
		</nav>
		<table class="table table-striped  ">
			<thead>
				<tr>
					<th scope="col">昵称</th>
					<th scope="col">头像</th>
					<th scope="col">姓名</th>
					<th scope="col">次数</th>
					<th scope="col">操作</th>

				</tr>
			</thead>
			<tbody>
				@foreach ($users as $user)
				<tr>
					<th scope="row">{{ $user->nickname }}</th>
					<td><img style="width: 32px;" src="{{$user->avatar}}" /></td>
					<td>{{$user->name}}</td>
					<td>{{$user->punch_num}}</td>
					<td>
						<a href="{{route('punch.card.lookList')}}?user_id={{$user->id}}">查看</a> |
						<a href="{{route('punch.card.add',['user'=>$user->id])}}">添加</a> |
						<a href="{{route('punch.card.open.card',['user'=>$user->id])}}">充值</a>
					</td>
				</tr>
				@endforeach


			</tbody>
		</table>
		{{ $users->withQueryString()->links() }}
		<!-- <nav aria-label="Page navigation example">
			<ul class="pagination">
				<li class="page-item"><a class="page-link" href="#">Previous</a></li>
				<li class="page-item"><a class="page-link" href="#">1</a></li>
				<li class="page-item"><a class="page-link" href="#">2</a></li>
				<li class="page-item"><a class="page-link" href="#">3</a></li>
				<li class="page-item"><a class="page-link" href="#">Next</a></li>
			</ul>
		</nav> -->

	</div>


	<!-- <script src="js/vue.js"></script>
	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<script src="https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/mobile/layer.min.js"></script> -->
	<!-- Optional JavaScript -->
	<!-- jQuery first, then Popper.js, then Bootstrap JS -->
	<!-- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> -->
	<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> -->
	<!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> -->
</body>


</html>